import { ref, computed, onMounted } from 'vue'
import dayjs from 'dayjs'
// 封装倒计时逻辑函数
export const useCountDown = () => {
  // 1.响应式的数据
  let timer = null
  const formatTime = ref(0)
  // 格式化时间为 xx分xx秒
  const time = computed(() => dayjs.unix(formatTime.value).format('mm分ss秒'))
  // 2.开启倒计时的函数
  const stare = (currentTime) => {
    // 开始倒计时的逻辑
    // 核心逻辑的编写 每隔一秒-1
    formatTime.value = currentTime
    setInterval(() => {
      formatTime.value--
    }, 1000)
  }
  // 组件销毁时清除定时器
  onMounted(() => {
    timer && clearInterval(timer)
  })
  return {
    time,
    stare
  }
}
